@charset "utf-8";
/*
 *  描述: 通用样式
 *  作者：Hanyue
 *  时间：2020-06-24
 */
::-webkit-scrollbar{
   width:8px;
 }
body{
  color:#3d5271;
  font-size:14px;
}
.wrap-container {
  position: absolute;
  overflow: hidden;
  display: block;
  cursor: default;
  z-index: 0;
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%;
}



.title{
  font-size:16px;
  font-weight: bold;
  color:#3d5271;
  padding:16px 28px;
}
.icon{
  display:inline-block;
  vertical-align: middle;
  width:24px;
  height:24px;
  background: url(~@/assets/img/icon01.png) no-repeat;
  margin-right:8px;
  margin-top:-2px;
}
.icon02{
  background: url(~@/assets/img/icon02.png) no-repeat;
}

.chart-wrapper{
  width:100%;
  height:100%;
  border:1px solid #3f488a;
  background:rgba($color: #8aa6ff, $alpha: .2);
  padding:20px 10px;
}
.chart-title{
  font-size:1.125rem;
  color:#fff;
  width:12rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  &::before, &::after{
    content: '';
    position: absolute;
    top:5px;
    width:15px;
    height:12px;
  }
  &::before{
    left:0;
    background: url(../img/title_01.png) no-repeat center;

  }
  &::after{
    right:0;
    background: url(../img/title_02.png) no-repeat center;
  }
}

.sec-part{
  width:100%;
  padding:1rem;
}
.sec-title{
  height:2rem;
  line-height:2rem;
  color:#fff;
  border-left:4px solid #1ef4ff;
  background:linear-gradient(to right, rgba(132,194, 243, 0.2), rgba(132,194, 243,0));
  text-align: left;
  padding-left:1rem;
  font-size:0.875px;
}

.el-loading-mask{
  background-color:#fff !important;
  transition: none!important;
}

.opacity-0{
  opacity: 0;
}